import QtQuick 2.0
import QtQuick.Controls 1.1
import QtQuick.Controls.Styles 1.1

Rectangle{
    width: 300; height: 200
    Button{
        id: quitBtn
        text: "Quit"
        anchors.left: parent.left
        anchors.leftMargin: 10
        anchors.verticalCenter: parent.verticalCenter
        style: btnStyle
    }

    Button{
        id: exitBtn
        text:"Exit"
        anchors.left: quitBtn.right
        anchors.leftMargin: 10
        anchors.verticalCenter: quitBtn.verticalCenter
        style: btnStyle
    }

    Component{
        id: btnStyle
        ButtonStyle{
            background: Rectangle{
                width: 180; height: 50
                radius: 25
                implicitHeight: 25
                implicitWidth: 70
                border.color: "green"
                border.width: control.pressed ? 2 : 1
                color: control.hovered || control.pressed ? "white" : "green"
            }
        }
    }
}
